﻿<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    Inherits="_Default" Codebehind="Default.aspx.cs" %>

<asp:Content ID="Content2" ContentPlaceHolderID="using" runat="Server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="content" runat="Server">
    <div style="margin: 10px 3px 0 3px">
        <!-- Title -->
        <h1 style="text-indent: 10px">
            Customers' Booking
        </h1>
        <div class="description">
            Please fill in the following form:
        </div>
        <!-- Search content -->
        <table>
            <tr>
                <td>
                    <div class="subtitle">
                        Booking Information</div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="item">
                        <div class="label">
                            Boat:</div>
                        <div class="field">
                            <asp:DropDownList ID="ddlBoat" runat="server" CssClass="Boat" AppendDataBoundItems="true">
                                <asp:ListItem Value="">Select a boat ...</asp:ListItem>
                            </asp:DropDownList>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="*"
                                InitialValue="" ControlToValidate="ddlBoat"></asp:RequiredFieldValidator>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="item">
                        <div class="label">
                            Departure date:</div>
                        <div class="field">
                            <asp:TextBox ID="txtStartDate" runat="server" CssClass="datepicker"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*"
                                SetFocusOnError="true" Type="Date" Operator="DataTypeCheck" ControlToValidate="txtStartDate"></asp:RequiredFieldValidator>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="item">
                        <div class="label">
                            N&#186; of persons:
                        </div>
                        <div class="field">
                            <asp:DropDownList ID="ddlNumerClients" runat="server" CssClass="DateNumber">
                                <asp:ListItem>0</asp:ListItem>
                                <asp:ListItem>1</asp:ListItem>
                                <asp:ListItem>2</asp:ListItem>
                                <asp:ListItem>3</asp:ListItem>
                                <asp:ListItem>4</asp:ListItem>
                                <asp:ListItem>5</asp:ListItem>
                                <asp:ListItem>6</asp:ListItem>
                                <asp:ListItem>7</asp:ListItem>
                                <asp:ListItem>8</asp:ListItem>
                                <asp:ListItem>9</asp:ListItem>
                                <asp:ListItem>10</asp:ListItem>
                            </asp:DropDownList>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="item">
                        <div class="label">
                            N&#186; of nights:
                        </div>
                        <div class="field">
                            <asp:DropDownList ID="ddlDateNumber" runat="server" CssClass="DateNumber">
                                <asp:ListItem>1</asp:ListItem>
                                <asp:ListItem>2</asp:ListItem>
                                <asp:ListItem>3</asp:ListItem>
                                <asp:ListItem>4</asp:ListItem>
                                <asp:ListItem>5</asp:ListItem>
                                <asp:ListItem>6</asp:ListItem>
                                <asp:ListItem>7</asp:ListItem>
                                <asp:ListItem>8</asp:ListItem>
                                <asp:ListItem>9</asp:ListItem>
                                <asp:ListItem>10</asp:ListItem>
                            </asp:DropDownList>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="item">
                        <div class="label">
                            N&#186; of cabins:
                        </div>
                        <div class="field">
                            <asp:DropDownList ID="ddlCabinNumber" runat="server" CssClass="CabinNumber">
                                <asp:ListItem>1</asp:ListItem>
                                <asp:ListItem>2</asp:ListItem>
                                <asp:ListItem>3</asp:ListItem>
                                <asp:ListItem>4</asp:ListItem>
                                <asp:ListItem>5</asp:ListItem>
                                <asp:ListItem>6</asp:ListItem>
                                <asp:ListItem>7</asp:ListItem>
                                <asp:ListItem>8</asp:ListItem>
                                <asp:ListItem>9</asp:ListItem>
                                <asp:ListItem>10</asp:ListItem>
                                <asp:ListItem>11</asp:ListItem>
                                <asp:ListItem>12</asp:ListItem>
                                <asp:ListItem>13</asp:ListItem>
                                <asp:ListItem>14</asp:ListItem>
                                <asp:ListItem>15</asp:ListItem>
                            </asp:DropDownList>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="item">
                        <div class="label">
                            Route:
                        </div>
                        <div class="field">
                            <asp:DropDownList ID="ddlRoute" runat="server">
                                <asp:ListItem>1</asp:ListItem>
                                <asp:ListItem>2</asp:ListItem>
                                <asp:ListItem>3</asp:ListItem>
                                <asp:ListItem>4</asp:ListItem>
                                <asp:ListItem>5</asp:ListItem>
                                <asp:ListItem>6</asp:ListItem>
                                <asp:ListItem>7</asp:ListItem>
                                <asp:ListItem>8</asp:ListItem>
                                <asp:ListItem>9</asp:ListItem>
                                <asp:ListItem>10</asp:ListItem>
                            </asp:DropDownList>
                        </div>
                    </div>
                    <div class="item">
                        <div class="label">
                            Sub Route:
                        </div>
                        <div class="field">
                            <asp:DropDownList ID="ddlSubRoute" runat="server">
                                <asp:ListItem>A</asp:ListItem>
                                <asp:ListItem>B</asp:ListItem>
                                <asp:ListItem>C</asp:ListItem>
                            </asp:DropDownList>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="item">
                        <div class="label">
                            Charter:
                        </div>
                        <div class="field">
                            <input type="checkbox" id="cbCharter" class="cbCharter checkbox" />
                            <asp:HiddenField ID="hdfCharter" runat="server" Value="false" />
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="vertical-align: top; padding-top: 5px">
                    <div class="item">
                        <div class="label">
                            Shuttle:
                        </div>
                        <div class="field">
                            <asp:CheckBox ID="cbIsShuttle" runat="server" CssClass="checkbox" />
                        </div>
                    </div>
                </td>
                <td>
                    <div class="item" style="margin-top: 0">
                        <div class="label">
                            Extra service:
                        </div>
                        <div class="field">
                            <asp:CheckBox ID="chkExService" runat="server" CssClass="checkbox" />
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div class="item fortextarea">
                        <div class="label">
                            Notes:
                        </div>
                        <div class="field">
                            <asp:TextBox ID="txtNote" TextMode="MultiLine" Height="100" Width="350" runat="server"></asp:TextBox>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="item">
                        <div class="label">
                            &nbsp
                        </div>
                        <div class="field">
                            <%--<asp:Button ID="btnCheckCabin" runat="server" Text="Check cabin" />--%>
                            <%--<input type="button" id="linksearch" value="Check cabin" />--%>
                            <%--<a id="linksearch" href="">test</a>--%>
                            <a id="linksearch" title="Check Cabin Button" class="button"><span>Check cabins</span></a>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="item">
                        <div style="color: Red; font-weight: bolder; font-size: larger">
                            <span class="result"></span>
                        </div>
                        <div style="clear: both">
                        </div>
                        <div id="resultdescription" class="description" style="display: none">
                            Please fill email box in following form and click Send Inquiry link to book cabins.</div>
                    </div>
                </td>
            </tr>
        </table>
        <div class="customerinfo">
            <table>
                <tr>
                    <td>
                        <div class="subtitle">
                            Your Data</div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="item">
                            <div class="label">
                                Title *:</div>
                            <div class="field">
                                <asp:DropDownList ID="ddlTitle" runat="server">
                                    <asp:ListItem>Ms.</asp:ListItem>
                                    <asp:ListItem>Mr.</asp:ListItem>
                                    <asp:ListItem>Mrs.</asp:ListItem>
                                </asp:DropDownList>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="item">
                            <div class="label">
                                First name *:</div>
                            <div class="field">
                                <asp:TextBox ID="txtFirstName" runat="server"></asp:TextBox></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="item">
                            <div class="label">
                                Last name *:</div>
                            <div class="field">
                                <asp:TextBox ID="txtLastName" runat="server"></asp:TextBox></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="item">
                            <div class="label">
                                Country:</div>
                            <div class="field">
                                <asp:DropDownList ID="ddlCountry" runat="server" AppendDataBoundItems="true">
                                    <asp:ListItem Text="Choose a country ..." Value=""></asp:ListItem>
                                </asp:DropDownList>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*"
                                    InitialValue="" ControlToValidate="ddlCountry"></asp:RequiredFieldValidator>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="item">
                            <div class="label">
                                Email *:</div>
                            <div class="field">
                                <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <div class="item">
                            <div class="label">
                                Address line 1:</div>
                            <div class="field">
                                <asp:TextBox ID="txtAddressLine1" Style="width: 350px" runat="server"></asp:TextBox></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <div class="item">
                            <div class="label">
                                Address line 2:</div>
                            <div class="field">
                                <asp:TextBox ID="txtAddressLine2" Style="width: 350px" runat="server"></asp:TextBox></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="item">
                            <div class="label">
                                ZipCode:</div>
                            <div class="field">
                                <asp:TextBox ID="txtZipCode" runat="server"></asp:TextBox></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="item">
                            <div class="label">
                                City:</div>
                            <div class="field">
                                <asp:TextBox ID="txtCity" runat="server"></asp:TextBox></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="item">
                            <div class="label">
                                Tel.:</div>
                            <div class="field">
                                <asp:TextBox ID="txtTel" runat="server"></asp:TextBox></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="item">
                            <div class="label">
                                Fax:</div>
                            <div class="field">
                                <asp:TextBox ID="txtFax" runat="server"></asp:TextBox></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="item">
                            <div class="label">
                                &nbsp;</div>
                            <div class="field">
                                <asp:LinkButton Style="display: none; font-weight: bold; font-size: larger" ID="btnSend"
                                    runat="server" ToolTip="Send Button"><span id="sendinquiry">Send Inquiry</span></asp:LinkButton>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </div>

    </div>
</asp:Content>
